<template>
    <div>
        <div class="header">
            <van-image round width="87" height="87" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <div class="go-login"> <a href="/login" class=" text-[#fff]"> 登录</a>/<a href="">注册</a></div>
        </div>
        <div class="bg-[#f1f1f1]  h-[600px]">
            <van-cell title="我的订单" is-link url="" />
            <van-cell title="想看的电影" is-link to="/login" />
            <van-cell title="看过的电影" is-link url="" />

        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.header {
    height: 153px;
    width: 100%;
    background-color: #ee4c4c;
    display: flex;
    align-items: center;
    padding-left: 21px;
}

.header div:last-child {
    margin-left: 15px;
}

/deep/.van-image--round {
    border: 4px solid #fff;
}

.go-login {
    font-size: 16px;
    color: #fff;

}
</style>